<div>
    <div class="">
        <!--重复部分-->
            <!--加载直播还是聊天室判断-->
            <!--ng-repeat部分-->
            <!--加载直播还是聊天室判断-->
            <!--ng-repeat部分-->
            <div  ng-repeat="itempublic in publicArr">
                <div class="live_gla_title_time">{{itempublic}}</div>
                <div ng-repeat="item in liveDetailArray" ng-if="item.publishtime.slice(0,10)==itempublic">
                    <div class="live_gla_con">
                        <!--文字类型|cutHour-->
                        <div class="live_gla_tex"  ng-if="item.attachments.length=='0'" style="padding: 0 0 0.2rem 0;">
                            <div class="live_gla_everyTime">{{item.publishtime|cutHour}}</div>
                            <div class="live_gla_boxs">
                                <div class="ligla_con_head">
                                    <div class="ligla_head_lf">
                                        <div class="ligla_phto"><img src="static/36.png"></div>
                                        <div ng-if="item.sourceType==0" class="ligla_tit">[嘉宾]</div>
                                        <div ng-if="item.sourceType==1" class="ligla_tit">[主持人]</div>
                                        <div ng-if="item.sourceType==2" class="ligla_tit">[记者]</div>
                                        <div class="ligla_job">{{item.user}}</div>
                                    </div>
                                </div>
                                <div class="ligla_con_body" style="margin-bottom: 0">
                                    <p>{{item.content}}</p>
                                </div>
                            </div>
                        </div>
                        <!--一张图片-->
                        <div class="live_gla_img" ng-if="item.attachments[0].type=='1' && item.attachments.length==1">
                            <div class="live_gla_everyTime">{{item.publishtime|cutHour}}</div>
                            <div class="live_gla_boxs">
                                <div class="ligla_con_head">
                                    <div class="ligla_head_lf">
                                        <div class="ligla_phto"><img src="static/36.png"></div>
                                        <div ng-if="item.sourceType==0" class="ligla_tit">[嘉宾]</div>
                                        <div ng-if="item.sourceType==1" class="ligla_tit">[主持人]</div>
                                        <div ng-if="item.sourceType==2" class="ligla_tit">[记者]</div>
                                        <div class="ligla_job">{{item.user}}</div>
                                    </div>
                                </div>
                                <div class="ligla_con_body">
                                    <p>{{item.content}}</p>
                                </div>
                                <div class="ligla_con_body_img" ng-repeat="inneritem in item.attachments">
                                    <!--图片-->
                                    <img ng-src="{{inneritem.url}}" ng-click="showliveModelImg($index,$event)" style="width: 100%">
                                </div>
                            </div>
                        </div>
                        <!--视频或语音-->
                        <div class="live_gla_vedio" ng-if="item.attachments[0].type=='2'" ng-repeat="inneritem in item.attachments">
                            <div class="live_gla_everyTime">{{item.publishtime|cutHour}}</div>
                            <div class="live_gla_boxs">
                                <div class="ligla_con_head">
                                    <div class="ligla_head_lf">
                                        <div class="ligla_phto"><img src="static/36.png"></div>
                                        <div ng-if="item.sourceType==0" class="ligla_tit">[嘉宾]</div>
                                        <div ng-if="item.sourceType==1" class="ligla_tit">[主持人]</div>
                                        <div ng-if="item.sourceType==2" class="ligla_tit">[记者]</div>
                                        <div class="ligla_job">{{item.user}}</div>
                                    </div>
                                </div>
                                <div class="ligla_con_body">
                                    <p>{{item.content}}</p>
                                </div>

                                <!--语音类型-->
                                <div ng-if="inneritem.url.slice(-3)=='mp3'" class="ligla_con_body_vedio ligla_con_audio">
                                    <img ng-click="playAudio($event)" class="live_audio_img" src="static/audio.png">
                                    <audio ng-src="{{sceControl(inneritem.url)}}">
                                        您的浏览器不支持。
                                    </audio>
                                    <!-- <div class="liv_audio_time">时长</div>-->
                                </div>
                                <!--视频类型-->
                                <div ng-if="inneritem.url.slice(-3)=='mp4'" class="ligla_con_body_vedio" style="overflow: hidden">
                                    <!--正常视频-->
                                    <video  style="height: 187px;" ng-src="{{sceControl(inneritem.url)}}">
                                        <!-- <source ng-src="{{sceControl(inneritem.url)}}" type="video/mp4">
                                         <source ng-src="{{sceControl(inneritem.url)}}" type="video/ogg">
                                         Your browser does not support the video tag.-->

                                    </video>
                                    <div ng-click="playVedio($event)" class="liv_viedo_img"><img src="static/22.png" ></div>
                                    <!--<div class="liv_vidio_time">时长</div>-->
                                    <div class="control"style="display:block;position: absolute">
                                        <div class="topControl">
                                            <div class="progress">
                                                <span class="bufferBar"></span>
                                                <span class="timeBar"></span>
                                                <span id="timeBall"></span>
                                            </div>

                                        </div>

                                        <div class="btmControl" style="top: 3px;">
                                            <div ng-click="btnPlay($event)" class="btnPlay btn btnplayOne" title="Play/Pause video"></div>
                                            <div class="time" style="width:19%">
                                                <span class="current"></span>
                                                /<span class="duration"></span>
                                            </div>
                                            <div ng-click="btnFS($event)" class="btnFS btn btnTwo" title="Switch to full screen"></div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--<div class="live_gla_vedio" ng-if="" ng-repeat="inneritem in item.attachments" repeat-finish>
                            <div class="live_gla_everyTime">{{item.publishtime|cutHour}}</div>
                            <div class="live_gla_boxs">
                                <div class="ligla_con_head">
                                    <div class="ligla_head_lf">
                                        <div class="ligla_phto"><img src="static/36.png"></div>
                                        <div class="ligla_tit">主题</div>
                                        <div class="ligla_job">{{item.user}}</div>
                                    </div>
                                </div>
                                <div class="ligla_con_body">
                                    <p>{{item.content}}</p>
                                </div>
                                <div class="ligla_con_body_vedio">
                                    &lt;!&ndash;视频&ndash;&gt;
                                    <audio src="inneritem.url">
                                        您的浏览器不支持。
                                    </audio>
                                    <div class="liv_vidio_time">时长</div>
                                    <img src="static/37.png">
                                </div>
                            </div>
                        </div>-->
                        <!--2张图-->
                        <div class="live_gla_imgTwo" ng-if="item.attachments[0].type=='1' && item.attachments.length==2">
                            <div class="live_gla_everyTime">{{item.publishtime|cutHour}}</div>
                            <!--<div class="ligla_head_rg">{{item.publishtime}}</div>-->
                            <div class="live_gla_boxs">
                                <div class="ligla_con_head">
                                    <div class="ligla_head_lf">
                                        <div class="ligla_phto"><img src="static/36.png"></div>
                                        <div ng-if="item.sourceType==0" class="ligla_tit">[嘉宾]</div>
                                        <div ng-if="item.sourceType==1" class="ligla_tit">[主持人]</div>
                                        <div ng-if="item.sourceType==2" class="ligla_tit">[记者]</div>
                                        <div class="ligla_job">{{item.user}}</div>
                                    </div>
                                </div>
                                <div class="ligla_con_body">
                                    <p>{{item.content}}</p>
                                </div>
                                <div class="ligla_two">
                                    <div ng-repeat="inneritem in item.attachments">
                                        <img ng-click="showliveModelImg($index,$event)" ng-src="{{inneritem.url}}" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--3张图-->
                        <div class="live_gla_imgtrd" ng-if="item.attachments[0].type=='1' && item.attachments.length==3">
                            <div class="live_gla_everyTime">{{item.publishtime|cutHour}}</div>
                            <!--<div class="ligla_head_rg">{{item.publishtime}}</div>-->
                            <div class="live_gla_boxs">
                                <div class="ligla_con_head">
                                    <div class="ligla_head_lf">
                                        <div class="ligla_phto"><img src="static/36.png"></div>
                                        <div ng-if="item.sourceType==0" class="ligla_tit">[嘉宾]</div>
                                        <div ng-if="item.sourceType==1" class="ligla_tit">[主持人]</div>
                                        <div ng-if="item.sourceType==2" class="ligla_tit">[记者]</div>
                                        <div class="ligla_job">{{item.user}}</div>
                                    </div>
                                </div>
                                <div class="ligla_con_body">
                                    <p>{{item.content}}</p>
                                </div>
                                <div class="ligla_trd">
                                    <div ng-repeat="inneritem in item.attachments">
                                        <img ng-src="{{inneritem.url}}" ng-click="showliveModelImg($index,$event)" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--4张图-->
                        <div class="live_gla_imgfour" ng-if="item.attachments[0].type=='1' && item.attachments.length==4">
                            <div class="live_gla_everyTime">{{item.publishtime|cutHour}}</div>
                            <div class="live_gla_boxs">
                                <div class="ligla_con_head">
                                    <div class="ligla_head_lf ">
                                        <div class="ligla_phto"><img src="static/36.png"></div>
                                        <div ng-if="item.sourceType==0" class="ligla_tit">[嘉宾]</div>
                                        <div ng-if="item.sourceType==1" class="ligla_tit">[主持人]</div>
                                        <div ng-if="item.sourceType==2" class="ligla_tit">[记者]</div>
                                        <div class="ligla_job">{{item.user}}</div>
                                    </div>
                                </div>
                                <div class="ligla_con_body">
                                    <p>{{item.content}}</p>
                                </div>
                                <div class="ligla_fou">
                                    <div ng-repeat="inneritem in item.attachments">
                                        <img ng-click="showliveModelImg($index,$event)" src="{{inneritem.url}}" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--9张图-->
                        <div class="live_gla_imgNi" ng-if="item.attachments[0].type=='1' && item.attachments.length>4">
                            <div class="live_gla_everyTime">{{item.publishtime|cutHour}}</div>
                            <div class="live_gla_boxs">
                                <div class="ligla_con_head">
                                    <div class="ligla_head_lf">
                                        <div class="ligla_phto"><img src="static/36.png"></div>
                                        <div ng-if="item.sourceType==0" class="ligla_tit">[嘉宾]</div>
                                        <div ng-if="item.sourceType==1" class="ligla_tit">[主持人]</div>
                                        <div ng-if="item.sourceType==2" class="ligla_tit">[记者]</div>
                                        <div class="ligla_job">{{item.user}}</div>
                                    </div>
                                </div>
                                <div class="ligla_con_body">
                                    <p>{{item.content}}</p>
                                </div>
                                <div class="ligla_nig">
                                    <div ng-repeat="inneritem in item.attachments">
                                        <img src="{{inneritem.url}}" ng-click="showliveModelImg($index,$event)">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
        <!--已加载全部-->
        <div  style="margin:0.3rem">
            <button ng-show="loadDetailMoreButtonOne" ng-click="loadMorLiveDetail()" class="btn" style=" background: #FCA204;padding:0.1rem 0.2rem;margin: 0 auto;display: block;color: #ffffff">加载更多</button>
            <!--已加载全部-->
            <button disabled ng-show="noDetailLoadMoreButton" ng-click="loadMorLiveDetail()" class="btn" style=" background: #FCA204;padding:0.1rem 0.2rem;margin: 0 auto;display: block;color: #ffffff">已加载全部</button>
        </div>
</div>
</div>

<style>
    .live_gla_con{
        padding: 0 0.2rem;
        background:#eee ;
    }
    .live_gla_everyTime{
        color: #fc9105;
        font-size: 0.16rem;
        padding: 0.1rem;
    }
    .live_gla_boxs{
        border:1px solid #e3e3e3;
        background: #ffffff;
        padding: 0.15rem 0.2rem;
    }
    .ligla_head_lf{
        color:#999999 ;
        font-size: 0.13rem;
    }
    .ligla_con_body{
        color:#666666 ;
        font-size: 0.15rem;
    }
    .live_gla_tex{
        padding: 0.1rem 0.15rem;
        border-bottom: 1px solid #eee;

    }
    .ligla_con_head{
        overflow: hidden;
        padding: 0 0 0.1rem 0;
        height: 40px;
        line-height: 40px;
    }
    .ligla_head_lf{
        float: left;
    }
    .ligla_head_lf .ligla_phto{
        width:0.4rem;
        height:0.4rem;
        border: 1px solid #eee;
        border-radius: 50%;
        margin-right: 0.2rem;
    }
    .ligla_head_rg{
        float: right;
    }
    .ligla_head_lf>div{
        float: left;
    }
    .ligla_con_body{
        padding: 0.1rem 0;
    }
    .ligla_con_body p{
        line-height: 0.28rem;
        color: #000;
    }
    .ligla_tit,.ligla_job,.ligla_head_rg{
        /*position: relative;*/
        /*bottom: -0.18rem;*/
        /*margin:  0 5px;*/
    }
    .ligla_con_body_img{
        padding:0.1rem 0px ;
    }
    .ligla_con_body_img img{
        width: 100%;
        height: 1.3rem;
    }
    .ligla_con_body_vedio{
        position: relative;
    }
    .ligla_con_body_vedio video{
        width: 100%;
        background: #eee;
    }
    .liv_vidio_time{
        position: absolute;
        bottom: 0.1rem;
        right: 0.1rem;
        background: inherit;
    }
    .ligla_two{
        width: 100%;
        height: 1.9rem;
        overflow: hidden;
    }
    .ligla_trd{
        overflow: hidden;
    }
    .ligla_two div,.ligla_trd div,.ligla_fou div{
        /*margin-right:1%;*/
        margin-left: 3%;
        height: 1.3rem;
        float: left;
        overflow: hidden;
    }
    .ligla_two img,.ligla_trd img,.ligla_fou img{
        height: 100%;
        width:100%;
    }
    .ligla_trd_text{
        padding: 0.1rem 0;
        margin: 5px 0;
    }
    .live_gla_boxs{
        padding: 0.15rem 0.1rem;
    }
    .live_gla_imgtrd p{
        padding: 5px 0.1rem;
        color: #000;
    }
    .ligla_trd div{
        width: 30%;
    }
    .ligla_two div {
        width: 49%;
    }
    .ligla_fou div{
        width: 48%;
        margin: 5px 1%;
    }
    .ligla_fou{
        overflow: hidden;
    }
    .ligla_nig>div{
        width: 31%;
        margin:0 1% 0.1rem 1%;
        height: 1.9rem;
        float: left;
    }
    .ligla_nig{
        overflow: hidden;
    }
    .ligla_nig>div img{
        width: 100%;
        height: 100%;
    }
    .liveDetailTitlTex{
        padding:0.15rem 0.15rem 0 0.15rem;
    }
    .liveDetailTitlTex h5{
        font-size: 0.18rem;
        color: #333333;
        font-weight: 300;
    }
    .liveDetailTitlTex p{
        font-size: 0.15rem;
        color: #666666;
    }
    .livdeta_art{
        padding:0 0px 0.1rem 0;
    }
    .livdeta_art h5,.livdeta_art p{
        padding: 5px 0;
    }
    .livdeta_art p{
        line-height: 0.2rem;
    }
    .livdeta_video{
        position: relative;
    }
    .livdeta_video_line{
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .livdeta_art_img{
        width: 100%;
        height: 170px;
    }
    .live_text_footer{
        padding: 0.15rem;
        color: #cccccc;
        font-size: 0.13rem;
    }
    .liveFooRig{
        position: relative;
    }
    .liveFooRigPos{
        position: absolute;
        background: #fc9105;
        right: -0.13rem;
        width: 30px;
    }
    .liveFooRig img{
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform: scale(0.5);
    }
    .liveFooRig2{
        margin-left: 0.15rem;
    }
    .live_text_footer .liveFooRig{
        float: right;
    }
    /*视频直播详情头*/
    .liveHeadTiText{
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 0.15rem;
        top:0;
        left: 0;
    }
    .liveHeadTiTextOne{
        color: #ffffff;
        font-size: 0.18rem;
    }
    .liveHeadTiTextTwo{
        position: absolute;
        right: 0.15rem;
        color: #ffffff;
        font-size: 0.15rem;
        padding: 3px 5px;
        border: 1px solid #fff;
        border-radius: 5px;
    }
    .livdeta_video_line{
        top: 0.59rem;
        position: absolute;
        right: 0.15rem;
    }
    .livdeta_video_line p{
        color: #ffffff;
        padding: 0px 7px;
        border: 1px solid #fff;
        border-radius: 5px;
        margin-bottom: 5px;
    }
    .ligla_con_audio img{
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform: scale(0.5);
    }
    .live_gla_title_time{
        height: 30px;
        line-height: 30px;
        font-size: 0.20rem;
        color: #999999;
        padding: 0.1rem 0;
        box-sizing: content-box;
        text-indent: 0.1rem;
    }

</style>